<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=yes">

    <meta content="telephone=yes,email=yes" name="format-detection">
    <!--//自动识别电话号码和邮箱-->

    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--//苹果手机：会删除默认的工具栏和菜单栏，网站开启对web app程序的支持-->
    <meta name="apple-mobile-web-app-status-bar-style" content="default"/>
    <!--//苹果手机：在web app应用下状态条（屏幕顶部条）的颜色,默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。-->
    <meta name="apple-touch-fullscreen" content="yes"/>
    <!--//苹果手机：如果把一个web app添加到了主屏幕中，那么从主屏幕中打开这个web app则全屏显示-->
    <link rel="apple-touch-icon" href="images/HTML5_Badge_64.png"/>
    <!--//苹果手机：将应用添加到手机主屏幕，会有一个icon可以直接进入-->
    <title>有收入</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <!--初始化样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--共用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--整个网站的局部样式-->
    <link rel="stylesheet" href="css/style.css">
    <!--适配样式-->
    <link rel="stylesheet" href="css/styleMedia.css">

</head>

<body style="background-color: #f4f9fd;">

<!--header begin-->
<header>
    <div id="flexHeader">
        <div class="div1 mui-action-back"><a><img src="images/icon_arrow_left.png"></a></div>
        <div class="div2">绑定银行卡</div>
        <div class="div3"></div>
    </div>
</header>
<!--header end-->

<!--binding bank begin-->
<article class="login bindingQQ">
    <div>
        <P>修改资料请联系客户微信：<span>youshourucom</span></P>
    </div>
    <form action="" method="post" id="bankCardForm">
        <div class="pwd-reset binding-qq bankCard" style="background: #D3D3D3;">
            <label>手机号</label>
            <input id="phonenumber" type="search"  class="ifFree" placeholder="请您输入手机号码" style="background: #D3D3D3;">
        </div>
        <div class="pwd-reset binding-qq bankCard">
            <label>获取收款行</label>
            <input id="bankname" type="search" class="ifFree"  placeholder="获取收款行" >
        </div>
        <div class="pwd-reset binding-qq bankCard">
            <label>卡号</label>
            <input id="banknum" type="search" class="ifFree"  placeholder="请您输入卡号" >
        </div>
        <div class="pwd-reset binding-qq bankCard" style="background: #D3D3D3;">
            <label>姓名</label>
            <input id="username" type="search" class="ifFree" disabled="disabled" placeholder="请您输入姓名" style="background: #D3D3D3;">
        </div>
        <button type="button" id="summitBut" class="user-login-btn-selected">提交</button>
    </form>
</article>
<!--binding bank end-->


<!--js-->
<!--<script src="js/vconsole.min.js"></script>-->
<!--<script>-->
<!--var vConsole = new VConsole();-->
<!--console.log('hello');-->
<!--</script>-->
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/common.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/config.js"></script>

<script>
	
	$(function(){
		mui.plusReady(function(){
			$.ajax({
				type:"post",
				url:$CONFIG.baseUrl+"/api/refresh",
				beforeSend:function(x){
					x.setRequestHeader("Authorization",plus.storage.getItem('token'));
				},
				success :function(data){
					if(data.data.bankName != null&& data.data.bankName !=""){
						$("#bankname").val(data.data.bankName).prop("disabled",true).css("backgroundColor","#d3d3d3").parent().css("backgroundColor","#d3d3d3");
						$("#banknum").val(data.data.bankNum).prop("disabled",true).css("backgroundColor","#d3d3d3").parent().css("backgroundColor","#d3d3d3");
						$("#summitBut").text("已绑定").prop("disabled",true).css("backgroundColor","#d3d3d3")
					}
					$("#phonenumber").val(data.data.phone);
					$("#username").val(data.data.realName);
					
				},
				error : function(){
					console.log("")
				}
			});
		})
	})
	
	
	
	$("#summitBut").click(function(){
		$.ajax({
			url:$CONFIG.baseUrl+"/api/bindBank",
			type: 'post',
			data: {
				"bankName":$("#bankname").val(),
				"bankNum":$("#banknum").val(),
			},
			beforeSend:function(x){
				x.setRequestHeader("Authorization",plus.storage.getItem('token'));
			},
			success: function(data){
				plus.nativeUI.toast(data.msg)
				if(data.code===200){
					mui.back()
				}
			},
			errror: function(error){
				console.log('error')
			}
		})
	})
	
</script>

<script language="JavaScript" type="text/javascript">
    $(function(){
		mui.plusReady(function(){
			$('#summitBut').click(function(){
				if(simpleFormVaildate()){
					
				}
			})
			
		})
	})

</script>
</body>
</html>